.indextit {  text-align:center; margin: 50px auto 15px auto; width: 1200px; }
.indextit strong{ font-size: 20px; line-height: 30px; display: block;  margin-top:30px;  }
.indextit em{  width: 50px; height:2px; display: inline-block; background: #ed2a2d }
.indextit span{ padding: block; color: #999; display: block; line-height: 30px; font-size: 16px; margin-top: 10px;  }


/*关于我们*/
.why{}
.whybg{background: #e4393c;width:35%;min-height: 500px;}
.whyinner{width: 1200px;overflow: hidden;}
.whyinner div strong{width:100%; overflow:hidden;}
.whyinner div strong img{ overflow: hidden; width: 100% }
.whyinner div p{width:628px; margin-top:20px; float:right; color: #000;font-size: 14px;line-height: 30px;max-height: 300px;overflow: hidden;}
.whyinner div img{width:500px;height:350px;float:left;display:block}




/*服务项目*/
.servicescon{ background: #f8f8f8; padding:35px 0}

.contactcon{background: #40c9b9;width: 100%;overflow: hidden;padding: 25px 0}
.servicescon ul li{float: left; width:23%;text-align: center; margin-bottom:50px;  display: inline-block; margin:1%;}
.servicescon ul li em{ display: inline-block;  padding:30px; overflow: hidden; border: 1px solid #ccc;  border-radius: 50%; background: #e4393c  }
.servicescon ul li img{transform-style: preserve-3d;transition: transform .3s ease-in-out;   
    order: 1px solid #ccc;  height: 80px; width: 80px;  }
.servicescon ul li:hover img{transform: rotateY(-180deg);}
.servicescon ul li p{margin-top: 10px;font-size:20px;color: #000;height: 40px;line-height: 40px;}
.servicescon ul li a{ display: inline-block; padding:5px 20px; border: 1px solid #e4393c; color: #e4393c; overflow: hidden;margin-top:15px}
.servicescon ul li span{ display: block; padding: 15px  0; width:100%; margin:0 auto; height:75px;line-height:21px; overflow:hidden}







.bigimg{ background: url(../images/aboutbg.jpg) no-repeat center top fixed; background-size: 100% 100%; text-align: center; color: #fff;  margin-top: 100px; padding-bottom: 100PX }
.more{ text-align: center; }
.more a{ padding: 20px 100px; display: inline-block; border:1px solid #ed2a2d;  margin-top: 50px; border-radius: 20px; color: #ed2a2d; transition: 0.5s}
.more a:hover{ background: #ed2a2d; color: #fff  }




/*合作客户*/
.carblock{  background: url(../images/probg.jpg) no-repeat center top fixed; width: 100%;  background-size:100% 100%;  overflow: hidden;  padding: 300px
 }
.carcon{ background: #fff; display: block; overflow: hidden; padding:20px 0;  }
.carcon ul li{ float:left; height:100px; width:185px; margin-left:12px; margin:20px 7px; transition: 0.5s}
.carcon ul li img{ height:100%; width:100%;}
.carcon ul li:hover{ box-shadow: 0px 0px 10px #ccc; }




/*产品*/
.check_tit{ margin-top: 30px; text-align: center; }
.check_tit em{ display:inline-block; cursor: pointer; margin:0  20px 50px 20px; 
  border:1px solid #ed2a2d;   text-align: center; font-size: 14px;  transition: 1s; 
  width:120px; height:40px; line-height:40px; color: #fff; border-radius: 20px }
.check_tit em:hover,.check_tit em.on{ background: #ed2a2d; color: #fff }
.check_con ul{margin-top:20px; clear:both; overflow: hidden; padding-top: 10px }
.check_con ul li{ float:left; width:280px; margin-right: 26px ;
  background: #fff;  overflow: hidden;  border:1px solid #f8f8f8;  margin-bottom:30px;  transition: 0.8s; padding: 15px }
.check_con ul li:hover{  box-shadow: 0px 0px 10px #999; }
.check_con ul li:nth-child(4n){ margin-right: 0 }
.check_con ul li img{ height: 160px; width: 100%; overflow: hidden;}
.check_con ul li strong{ font-size:16px;  text-align: center; display: block;  height: 35px; line-height:35px;  }
.check_con ul li strong,.check_con ul li p{ padding: 0 10px; color: #333; font-weight: normal; }
.check_con ul li:hover strong,.check_con ul li:hover p{ color: #ed2a2d }
.check_con ul li p { margin-bottom: 20px; color: #999; font-size: 14px; margin-top:5px }
.check_tit em:hover,.check_tit em.on{ color: #fff;  }

.check_con{height:528px;overflow:hidden;min-height:528px;}





/*新闻中心*/

.leftnew{ float: left; width: 500px; height:400px; overflow: hidden; } 
.rightnew{ float: right; width: 650px } 
.leftnew img{ width: 500px; height: 400px }


.newslist li{ border-bottom: 1px dashed #dfdfdf; height: 80px; padding:10px 0; }
.newslist li a{ display: block; overflow: hidden; height: 100%; width: 100% }
.newslist li span{ float: left; width: 80px;  text-align: center; border-right: 1px solid #efefef; font-size: 16px; margin-right: 30px }
.newslist li span em{ display: block; line-height: 30px }
.newslist li span i{ font-size: 12px }
.newslist li p{ float: left; width:530px; border  }
.newslist li strong{ display: block; line-height: 30px; font-size: 14px; font-weight: bold; }
.newslist li b{ display: block; line-height: 30px; font-size: 13px; color: #a8a8a8}
.newslist li:hover{ box-shadow: 0px  0px 20px #ccc; transition: 0.5s;  }











.Box {position: relative; padding-bottom: 50px; background: #e4393c; overflow: hidden; margin-top: 100px}
.Box .content {width: 1200px;margin: 0 auto;}
.Box .indextit strong { color:#fff}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none; padding-bottom: 50px; overflow: hidden;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 300px;margin-left: 20px;overflow: hidden; background: #fff}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .pimg{ width: 285px; height: 250px; overflow: hidden; }
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 250px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 250px;}
.Box .Box_con .conbox ul li span{ line-height:50px; text-align: center; display:block; }
.Box .BoxSwitch {text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;
  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #fff;}